﻿<%@ Control Language="C#" AutoEventWireup="true" %>
<div class="bg_type_l"></div>
<div class="bg_type_r"></div>
<div class="left color2">
	Trang <input type="text" class="text" id="pagecurrent" data-bind="value: CurrentPageIndex, attr: {maxlength: 3}" onkeypress="return isNumberKey(event)" value="1" /> / 
		<span data-bind="text: MaxPageIndex"></span>
		<a href="#" data-bind="click: PreviousPage, attr: {'class': PrevButtonClass}">Prev</a>
		<a href="#" data-bind="click: NextPage, attr: {'class': NextButtonClass}">Next</a>
</div>
<div class="ct-sort">
	<span class="color2">Sắp xếp theo&nbsp;</span>
	<select data-bind="options: OrderOptions, optionsText: 'Name', optionsValue:'Id', value: selectOrderId, optionsCaption: '--Kiểu sắp xếp--', event: { change: selectOrderChanged }"></select>
	&nbsp;&nbsp; <span class="color2">Hiển thị&nbsp;</span>
	<select data-bind="options: ShowOptions, optionsText: 'Name', optionsValue:'Id', value: selectShowId, event: { change: selectShowChanged }"  class="css3 radius3" style="width: 50px;"></select>
	
	<span class="color2">Sản phẩm&nbsp;</span> &nbsp;&nbsp;&nbsp; 
	<a title="View grid" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByGrid()","class": GridButtonClass}'>Grid
	</a>&nbsp;
	<a title="View list" data-bind='attr: {href: "javascript:void(0)", onclick: "ListByList()","class": ListButtonClass}'>List
	</a>

</div><!--end: .ct-sort-->
<div class="clear"></div>